<template>
  <div :class="['wft-container', { collapse: isCollapse, light: mode == 'light' }]">
    <LeftContent />
    <RightContent>
      <RightToolbar />
      <RightViewsContent />
    </RightContent>
  </div>
</template>
<script setup lang="ts">
import { LeftContent, RightContent, RightToolbar, RightViewsContent } from './layout'
import useCommonStore from '@/store/common'
import { computed } from 'vue'

const isCollapse = computed(() => useCommonStore().isCollapse)
const mode = computed(() => useCommonStore().mode)
</script>